
<!DOCTYPE html>
<html lang="en" >

<head>
    <meta charset="UTF-8">
    <title>web聊天界面</title>
    <script crossorigin="anonymous" integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh" src="https://lib.baomitu.com/jquery/3.4.1/jquery.min.js"></script>

    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600" rel="stylesheet">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="res/css/reset.min.css">


    <link rel="stylesheet" href="res/css/index.css">

    <!-- 表情样式 -->
    <link href="res/emoji/css/tools.css" rel="stylesheet" />
    <link href="res/emoji/css/emojibg.css" rel="stylesheet" />

</head>

<body>

<div class="wrapper">
    <div class="container">
        <div class="left">
            <div class="top">
                <input type="hidden" id="userId">
                <div id="userName"></div>
                <div id="remark"></div>

            </div>
            <!-- 在线 -->
            <ul class="people">

            </ul>

        </div>
        <div class="right">
            <div class="top"><span>与【<span class="name" id="userNameHead"></span>】聊天中</span></div>

            <div class="chat" data-chat="person2">
                <!--
                <div class="conversation-start">
                    <span>Today, 5:38 PM</span>
                </div>
                <div class="bubble you">
                    Hello, can you hear me?
                </div>
                <div class="bubble me">
                    ... about who we used to be.
                </div>
                -->
            </div>


            <div class="write">
                <input type="file" id="attachFile" name="attachFile" style="display: none">
                <a href="javascript:upFile();" class="write-link attach"></a>
                <input type="text" id="txt_message"/>
                <a href="javascript:;" class="write-link smiley" id="openFace"></a>
                <a href="javascript:sendMsg();" class="write-link send"></a>
            </div>
            <div class="faceDivBox" style="width:800px;height:580px;display:none;">
                <div class="faceDiv" style="height:580px;">
                    <section class="emoji-box"></section>
                    <div class="tabbox">
                        <section class="emoji-tab"></section>
                    </div>
                </div>
                <a class="closeFaceBox" href="javascript:void(0)">×</a>
            </div>
        </div>
    </div>
</div>
<script  src="res/js/index.js"></script>
<script  src="res/js/chat.js"></script>

<!-- 表情的js -->
<script type="text/javascript" src="res/emoji/js/emojisort.js"></script>
<script type="text/javascript" src="res/emoji/js/emoji.js"></script>

<script>
    $(document).ready(function(){
        console.info(emojiconfig);
        sdEditorEmoj.Init(emojiconfig);
        sdEditorEmoj.setEmoji({type:'input',id:"txt_message"});
    })
</script>
</body>

</html>
